.fetch-data-settings {
  height: calc(100vh - 210px);
  background-color: #fff;
  display: flex;

  .left-div {
    width: 210px;
    height: 100%;
    box-shadow: 1px 0px 0px 0px rgba(232, 235, 242, 1);

    .group-container .el-tree {
      height: calc(100vh - 292px);
      overflow-y: auto;
    }

  }

  .right-div {
    flex: 1;
    overflow-y: auto;

    .tool-bar {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      height: 60px;
      padding-right: 12px;
    }

    .table-container {
      margin-top: 0px;
    }
  }
  .system-drawer .el-drawer__header{
    font-weight: 600;
  }
}

.fetch-data-drawer {
  .el-form {
    width: 80%;
  }

  .avtive {
    margin: 6px 0;
    height: 24px;
  }

  .fetch-data-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
  }
  .select-bg-color{
    width: 140px;
    height:28px;
    position: absolute;
    left: 6px;
    top: 4px;
  }
}

.drawer-card {
  width: 216px;

  .el-select-dropdown__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0px !important;

    .el-select-dropdown__item {
      padding: 0px;
      margin-left: 6px;
    }

    .el-select-dropdown__item.hover {
      background-color: unset;

      .card-color {
        border: 1px solid #3C6EFF;
      }

    }

  }

}

.card-color {
  width: 64px;
  height: 24px;
}

